<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 语法糖

        class Dog {
            // 相当于构造函数
            constructor(name , age) {
                this.name = name ;
                this.age = age ;
            }

            // 相当于写在了prototype上面
            say() {
                console.log('汪');
            }
        }


        const d = new Dog('柯基' , 2) ;
        const d2 = new Dog('泰迪' , 3) ;
        console.log(d);

        console.log(d.say === d2.say);



        // class Banner {
        //     constructor() {
        //         this.oBanner = document.querySelector('ele');
        //         this.oPrev = this.oBanner.querySelector('#prev');
        //         this.oNext = this.oBanner.querySelector('#next');
        //         this.oUlLis = this.oBanner.querySelectorAll('ul li');
        //         this.oDots = this.oBanner.querySelectorAll('ol li');

        //         this.index = 0;
        //         this.t = null;

        //         this.autoPlay() ;
        //         this.init()
        //     }

        //     autoPlay() {}

        //     showOne() {}

        //     init() {
        //         this.oDots.forEach((v,i) => {
        //             // 对象
        //             v.index = i ;
        //         })


        //         this.oBanner.onclick = (e) => {
        //             e = e || event ;
        //             // 上
        //             if(e.target.id === 'prev') {
        //                 clearInterval(this.t) ;
        //                 this.index-- ;
        //                 if(this.index === -1) {
        //                     this.index = this.oUlLis.length - 1 ;
        //                 }
        //                 this.showOne()
        //                 return 
        //             }
        //             // 下
        //             if(e.target.id === 'next') {
        //                 clearInterval(this.t) ;
        //                 this.index++ ;
        //                 if(this.index === this.oUlLis.length) {
        //                     this.index = 0;
        //                 }
        //                 this.showOne()
        //                 return 
        //             }

        //             // 小点
        //             if(e.target.className === 'dot') {
        //             // if(e.target.classList.contains('dot')) {
        //                 console.log(1111111);
        //                 clearInterval(this.t) ;
        //                 this.index = e.target.index ;
        //                 this.showOne() 
        //             }
        //         }
        //     }

        // }


    </script>
    
</body>
</html>